﻿<!DOCTYPE html>
<html>
<head>
    
    <script>
    (function (i, s, o, g, r, a, m) {
        i['GoogleAnalyticsObject'] = r;
        i[r] = i[r] || function () {
            (i[r].q = i[r].q || []).push(arguments);
        }, i[r].l = 1 * new Date();
        a = s.createElement(o),
            m = s.getElementsByTagName(o)[0];
        a.async = 1;
        a.src = g;
        m.parentNode.insertBefore(a, m);
    })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');

    </script>

    <title>Client Admin Interface</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />

    <link href="Content/bootstrap.min.css" rel="stylesheet" />
    <link href="Content/bootstrap-theme.min.css" rel="stylesheet" />
    <link href="Content/bootstrap-responsive.min.css" rel="stylesheet" />
    <link href="Content/font-awesome.css" rel="stylesheet" />
    <link href="Content/ng-grid.css" rel="stylesheet" />
    <link href="Content/toastr.min.css" rel="stylesheet" />

    <link href="Content/themes/base/jquery.ui.core.css" rel="stylesheet" />
    <link href="Content/themes/base/jquery.ui.resizable.css" rel="stylesheet" />
    <link href="Content/themes/base/jquery.ui.selectable.css" rel="stylesheet" />
    <link href="Content/themes/base/jquery.ui.accordion.css" rel="stylesheet" />
    <link href="Content/themes/base/jquery.ui.autocomplete.css" rel="stylesheet" />
    <link href="Content/themes/base/jquery.ui.button.css" rel="stylesheet" />
    <link href="Content/themes/base/jquery.ui.dialog.css" rel="stylesheet" />
    <link href="Content/themes/base/jquery.ui.slider.css" rel="stylesheet" />
    <link href="Content/themes/base/jquery.ui.tabs.css" rel="stylesheet" />
    <link href="Content/themes/base/jquery.ui.datepicker.css" rel="stylesheet" />
    <link href="Content/themes/base/jquery.ui.progressbar.css" rel="stylesheet" />
    <link href="Content/themes/base/jquery.ui.theme.css" rel="stylesheet" />
    <link rel="stylesheet" href="Scripts/libs/multi-select-tree/multi-select-tree.css" type="text/css">
    <link href="Content/ng-tags-input.css" rel="stylesheet" />

    
    <link href="Content/themes/base/minified/jquery-ui.min.css" rel="stylesheet" />
    <link href="Content/site.css" rel="stylesheet" />

    <script type="text/javascript" src="modules/Module/ModuleLoaderConfig.js"></script>
    <script type="text/javascript" src="Scripts/libs/require.js"></script>
    <script type="text/javascript" src="modules/ShellModule.Admin/start.js"></script>

</head>
<body data-ng-cloak="" class="ng-cloak">

    <div id="moduleLoaderProgress">
        <div id="moduleLoaderProgress-ratio"></div>
    </div>

    <!--[if lt IE 7]>
        <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
    <![endif]-->
    <div class="wrapper" data-ng-controller="RootController">
        <div class="top-wrap" ng-show="userInfo.isAuthenticated && isRouteValid">
            <div class="top">
                <div style="background-color: #ffffff;">
                    <div style="margin: 0 auto; width: 1200px;">
                        <div class="logo-inner">
                            <a href=""><img src="Content/images/logo.png" title="SUSTAINALYTICS" /></a>
                        </div>
                        <div class="top-right">
                            <ul class="show-desktop-top">
                                <li>Hello,<a href="">{{ userInfo.username }}</a></li>
                            </ul>
                            <!-- <a ng-model="showMobileTop" ng-click="showMobileTop=!showMobileTop" href="" class="show-mobile-top"><img src="images/icn-show-top-mobile.png"></a>
                            <div class="clear">&nbsp;</div>
                            <ul class="mobile-top">
                                <li>Hello,<a href="">User Username</a></li>
                            </ul>-->
                            <div class="clear">&nbsp;</div>
                        </div>
                        <div class="clear">&nbsp;</div>
                    </div>
                </div>
                <div class="top-gray">
                    <div style="margin: 0 auto; width: 1200px;">
                        <a style="float: left;" ng-model="showMobileTop" ng-click="showMobileTop=!showMobileTop" href="" class="mobile-nav-show"><img src="content/images/icn-sort-arrow-down.png"></a>
                        <ul ng-show="showMobileTop && userInfo.isAuthenticated && isRouteValid" class="mobile-nav">
                            <li data-ng-class="{active : activeViewPath==='/home'}">
                                <a href="#/home">
                                    <div class="nav-tab-img" id="tab1">&nbsp;</div>
                                    Home
                                </a>
                            </li>
                        </ul>
                        <div class="nav" ng-if="userInfo.isAuthenticated && isRouteValid">
                            <ul class="main-nav">
                                <li data-ng-class="{active : activeViewPath==='/home'}">
                                    <a href="#/accounts" class="active">
                                        <div class="nav-tab-img" id="tab1">&nbsp;</div>
                                        Home
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="top-gray-right">
                            <div class="top-gray-right-menu">
                                <ul>
                                    <li ng-if="userInfo.isAuthenticated && isRouteValid">
                                        <a href="" ng-click="logout()">
                                            <div class="nav-tab-img"><img src="content/images/img-tab-logout.png" style="width: 26px;" border="0" alt=""></div>
                                            Logout
                                        </a>
                                    </li>
                                </ul>
                            </div>
                            <div class="clear">&nbsp;</div>
                        </div>
                        <div class="clear">&nbsp;</div>
                    </div>
                </div>
                <!--<div class="nav">
                    <ul>
                        <li data-ng-class="{active : activeViewPath==='/home'}"><a href="#/home">Home</a></li>
                    </ul>
                </div>
                <div class="top-right">
                    <div class="login-btn">
                        <button>
                            <img src="Content/images/btn_logout.jpg" style="width: 40px;">
                        </button>
                    </div>
                </div>-->
                <div class="clear">&nbsp;</div>
            </div>
        </div>
        <div ng-if ="!userInfo.isAuthenticated && isRouteValid">
            <div data-ui-view>
            </div>
        </div>
        <div ng-if="userInfo.isAuthenticated && isRouteValid">
            <div class="content-wrap">
                <div class="content">
                    <div class="sidebar" ng-show="userInfo.isAuthenticated && isRouteValid">
                        <div class="sidebar-inner">
                            <a data-ng-class="{active : activeViewPath==='/accounts' || activeViewPath==='/users'}" href="#/accounts" class="sidebar-title">Accounts and Users</a>
                            <div class="sidebar-content" style="margin-top: -10px; margin-bottom: 5px;">
                                <ul>
                                    <li><a data-ng-class="{active : activeViewPath==='/ipaccount'|| isActive('/ipaccount')}" href="#/ipaccount">IP Authentication</a></li>
                                </ul>
                            </div>
                            <a data-ng-class="{active : activeViewPath==='/news' || activeViewPath==='/insights'}" href="#/news" class="sidebar-title">News, Events & More</a>
                            <a href="" data-ng-class="{active : activeViewPath==='/referenceUniverses' || activeViewPath==='/weightMatricesUpload' || activeViewPath==='/weightMatricesDownload' || activeViewPath==='/FRWeightMatricesUpload'}" class="sidebar-title">Rating Calculations</a>
                            <div class="sidebar-content" style="margin-top: -10px; margin-bottom: 5px;">
                                <ul>
                                    <li><a data-ng-class="{active : activeViewPath==='/esgProfile'}" href="#/esgProfile">ESG Profiles</a></li>
                                    <li><a data-ng-class="{active : activeViewPath==='/testesgratings'}" href="#/testesgratings">Test ESG Ratings</a></li>
                                    <li><a data-ng-class="{active : activeViewPath==='/weightMatricesUpload' || activeViewPath==='/weightMatricesDownload'}" href="#/weightMatricesUpload">Weight Matrices</a></li>
                                </ul>
                            </div>
                            <a data-ng-class="{active : activeViewPath==='/esgratings' || activeViewPath==='/universes' || activeViewPath==='/claims'}" href="#/esgratings" class="sidebar-title">Tools</a>
                            <a data-ng-class="{active : activeViewPath==='/ftpaccountinfo'}" href="#/ftpaccountinfo" class="sidebar-title">FTP Reports</a>
                            <a data-ng-class="{active : activeViewPath==='/governancereports'}"  href="#/governancereports"  class="sidebar-title">Governance Reports</a>


                            <a href="" data-ng-class="{active : activeViewPath==='/tools/screening' || activeViewPath==='/tools/report'}" class="sidebar-title">Screening / Report Tools</a>
                            <div class="sidebar-content" style="margin-top: -10px; margin-bottom: 5px;">
                                <ul>
                                    <li><a data-ng-class="{active : activeViewPath==='/tools/screening'}" href="#/tools/screening">Screening</a></li>
                                    <li><a data-ng-class="{active : activeViewPath==='/tools/report'}" href="#/tools/report">Report</a></li>
                                </ul>
                            </div>
                            <a data-ng-class="{active : activeViewPath==='/validationRules'}" href="#/validationRules" class="sidebar-title">Validation</a>
                        </div>
                    </div>
                    <div class="main-col">
                        <div data-ui-view>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer-push" ng-show="userInfo.isAuthenticated && isRouteValid"></div>
    <div class="footer-wrap" ng-show="userInfo.isAuthenticated && isRouteValid">
        <div id="ceva"></div>
        <sustainalytics-lrtm></sustainalytics-lrtm>
        <div class="footer">
            <ul class="footer-nav">
                <li><a href="">Policies</a></li>
                <li><a href="">Sitemap</a></li>
                <li><a href="">Item 3</a></li>
                <li><a href="">Item 4</a></li>
                <li><a href="">Team Sustainalytics</a></li>
            </ul>
            <div class="copyright">
                ©Sustainalytics. All Rights Reserved
            </div>
            <div class="clear">&nbsp;</div>
        </div>
    </div>

    <loading></loading>

</body>
</html>